<template>
    <div id="order_print" >
        <table
                bordercolorlight="#000000"
                bordercolordark="#FFFFFF"
                width="100%"
                cellspacing="0"
                cellpadding="2"
                border="1"
        >
            <tbody>
            <tr>
                <td width="95%">
                    <table
                            bordercolorlight="#000000"
                            bordercolordark="#FFFFFF"
                            width="100%"
                            cellspacing="0"
                            cellpadding="5"
                            border="1"
                    >
                        <tbody>
                        <tr>
                            <td colspan="2" >
                                <p align="center" style="font-size: 24pt; font-weight: bold">湖南罗小黑科技有限公司</p>
                                <p align="center" style="font-size: 18pt; font-weight: bold">采购单</p>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <div class="text-left" width="40%">  采购日期：{{ order.deliveryDate}}</div>
                            </td>
                        </tr>
                        <tr>
                            <td width="60%">  采购单号：{{order.caiDan}}</td>
                            <td width="40%">  采购员：{{order.emp.empName}}</td>
                        </tr>
                        <tr>
                            <td width="60%">  供货商：{{order.appCai.supplier.supplierName}}</td>
                            <td width="40%">  采购总金额：{{order.appCai.appTotal}}</td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <div class="bootstrap-table">
                                    <div class="fixed-table-container">
                                        <table
                                                id="tb_orderDetail"
                                                style="word-wrap: break-word; word-break: break-all;LINE-HEIGHT: 150%; WIDTH: 100%; BORDER-COLLAPSE: collapse; EMPTY-CELLS: show; FONT-SIZE: 14px"
                                                border="1"
                                                cellpadding="3"
                                                class="table-s00"
                                                width="100%"
                                                cellspacing="0"
                                        >
                                            <thead>
                                            <tr>
                                                <th style="text-align: center" class="th-inner">
                                                    <span style="font-family: 楷体">产品名称</span>
                                                </th>
                                                <th style="text-align: center" class="th-inner">
                                                    <span style="font-family: 楷体">产品品牌</span>
                                                </th>
                                                <th style="text-align: center" class="th-inner">
                                                    <span style="font-family: 楷体">规格属性</span>
                                                </th>
                                                <th style="text-align: center" class="th-inner">
                                                    <span style="font-family: 楷体">采购数量</span>
                                                </th>
                                                <th style="text-align: center" class="th-inner">
                                                    <span style="font-family: 楷体">采购单价</span>
                                                </th>
                                            </tr>
                                            </thead>
                                            <tr v-for="pro in order.appCai.appDetail">
                                                <td style="text-align: center">{{ pro.proDetail.product.productName }}</td>
                                                <td style="text-align: center">{{ pro.proDetail.product.productBrand }}</td>
                                                <td style="text-align: center">
                                <span v-for="ab in pro.proDetail.abilities" :key="ab.abilityId">
                                    {{ab.attribute.attrName}}:{{ab.abilityName}}
                                </span>
                                                </td>
                                                <td style="text-align: center">{{ pro.appCount }}</td>
                                                <td style="text-align: center">{{ pro.appPrice }}</td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
            <tr>
                <td colspan="2">备注：{{order.addDel?order.addDel:"无"}}</td>
            </tr>
            </tbody>
        </table>
    </div>
</template>
<script>
    export default {
        name:"order_print",
        props:['order'],
        data(){
            return{

            }
        }
    }
</script>
<style scoped>
    .text-left{text-align: left;}
</style>